<template>
	<div class="content-center">
		<!-- 页面标签/页面tab -->

		<div class="content-cotainer border-box">
			<!-- 面包屑 -->
			<div class="content-breadcrumb">
				<el-breadcrumb separator="/" class="breadcrumb">
					<el-breadcrumb-item  class="home-font">项目管理</el-breadcrumb-item>
					<el-breadcrumb-item>资料树维护</el-breadcrumb-item>
				</el-breadcrumb>
			</div>
			<!-- 页面内容-->
			<div class="audit-content">
				<div class="centent-title">
					<span>文书名称</span>
				</div>
				<!-- 页面内容 -->
				<div class="centent-inner">
					<div class="project-tableData">
						<el-table :data="tableData" stripe style="width: 100%;border: 1px solid #ECEEF2;border-radius: 6px;">
							<el-table-column prop="date" label="阶段名称" width="424">
							</el-table-column>
							<el-table-column prop="name" label="文书名称" width="482">
							</el-table-column>
							<el-table-column prop="address" label="操作">
								<template slot-scope="scope">
									<el-button @click="handleClick(scope.row)" type="text" size="small">添加</el-button>
									<el-button type="text" size="small">修改</el-button>
									<el-button @click.native.prevent="deleteRow(scope.$index, tableData)" type="text" size="small">
										删除
									</el-button>
								</template>
							</el-table-column>

						</el-table>

					</div>

					<div class="inner-pagination">
						<el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
						<div></div>
						<div></div>
					</div>
				</div>
			</div>
		</div>

	</div>
</template>

<script>
	export default {
		methods: {
			handleClick(row) {
				console.log(row);
			},
			deleteRow(index, rows) {
				rows.splice(index, 1);
			}
		},
		data() {
			return {
				tableData: [{
						date: '准备阶段',
						name: '审计工作方案',
					}, {
						date: '准备阶段',
						name: '调查了解记录',
					}, {
						date: '准备阶段',
						name: '重要事项管理记录',
					}, {
						date: '实施阶段',
						name: '审计实施方案',
					}, {
						date: '实施阶段',
						name: '审计证据',
					}, {
						date: '实施阶段',
						name: '审计取证单',
					},
					{
						date: '报告阶段',
						name: '审计报告',
					},
					{
						date: '报告阶段',
						name: '审计简报',
					},
					{
						date: '报告阶段',
						name: '重要工作记录',
					},
					{
						date: '整改阶段',
						name: '整改报告',
					},
					{
						date: '整改阶段',
						name: '其他资料',
					},
				]
			}
		}
		
	}

</script>

<style lang="less" scoped>
	.content-cotainer {
		padding: 0 20px 20px 20px;
		height: 100%;
	}
	
	&/deep/ .project-tableData {
		padding: 20px;
	}
	
	& /deep/ .el-table th {
		background-color: #ECEEF2;
		color: #333333;
	}
	
	& /deep/ .el-table td, .el-table th{
		padding: 3px 0;
	}
	& /deep/ .el-button--mini, .el-button--small{
		font-size: 14px;
		color:#666666;
	}
</style>